<template>
  <div class="box">
    <span style="margin-right: 10px">{{title}}</span>
    <input type="text" :value="modelValue"
           @input="$emit('update:modelValue',($event.target as HTMLInputElement).value)" />
    <span>{{modelValue}}</span>
  </div>
</template>

<script lang="ts" name="CustomInput" setup>
  defineProps(['title','modelValue'])
</script>

<style scoped>

</style>
